<script lang="ts" setup>
</script>

<template>
    <div class="interflow-box">
        <el-row>
            <el-col :span="7" :xs="24">
                <div class="secondTitle boxOne">联系企业专属顾问</div>
                <el-button color="#064DD6" size="large" round >立即联系</el-button>
            </el-col>
            <el-col :span="1" :xs="0">
                <div class="line"></div>
            </el-col>
            <el-col :span="7" :xs="24">
                <div class="secondTitle boxTwo">联系电话</div>
                <div class="contentText desc">
                    <div>（工作日 10:00-19:00）</div>
                    <div>请拨打热线电话，会有专业的团队为您提供满意的服务。</div>
                </div>
                <el-button color="#064DD6" size="large" round >拨打电话</el-button>
            </el-col>
            <el-col :span="1" :xs="0">
                <div class="line"></div>
            </el-col>
            <el-col :span="8" :xs="24">
                <div class="secondTitle boxThree">技术支持</div>
                <div class="contentText descItem">如需支持，了解产品方案，请与我们的专家联系</div>
                <el-button color="#064DD6" size="large" round >立即联系</el-button>
            </el-col>
        </el-row>
    </div>
</template>

<style lang="scss" scoped>
.interflow-box{
    padding: 50px;
    background: #fff;
    border-radius: 20px;

    .boxOne{
        margin: 0 50px 25px 0;
    }

    .boxTwo{
        margin: 0 50px 20px 0;
    }
    
    .boxThree{
        margin-bottom: 20px;
    }

    .desc{
        padding-right: 150px;
        margin-bottom: 27px;
    }

    .descItem{
        margin-bottom: 47px;
    }

    .line{
        // width: 1px;
        height: 100%;
        border-left: 2px solid #E0E0E2;
    }
}

@media screen and (max-width:450px){
    .boxTwo{
        margin: 50px 50px 20px 0 !important;
    }
    .desc{
        padding-right: 0 !important;
    }

    .boxThree{
        margin: 30px 30px 20px 0 !important;
    }

    .descItem{
        margin-bottom: 27px !important;
    }

    .interflow-box{
        padding: 30px;
    }
}
</style>